.layout {
    width: 1200px;
    background-color: #eee;
    border-radius: 10px;
    margin-top: 20px;

    .main {
        .name {
            font-weight: bold;
            font-size: 36px;
            text-align: center;
        }

        .cardLayout {
            display: flex;
            justify-content: space-around;
            padding-bottom: 50px;

            .card {
                width: 400px;
                background-color: #fff;
                border-radius: 10px;
                padding-bottom: 10px;
                box-shadow: 5px 5px 5px #ccc;

                .cardTitle {
                    margin-top: 10px;
                    text-align: center;
                }

                .line {
                    background-color: #ccc;
                    height: 2px;
                    margin: 10px 10px;
                }

                .content {
                    text-align: center;

                    .prefix {
                        font-weight: bold;
                    }
                }

                .borrowIcon {
                    margin-left: 10px;
                    cursor: pointer;

                    &:hover {
                        color: #00CCFF;
                    }
                }
            }
        }
    }
}